/* CSS Document */
#banner{width:100%; height:605px; position:relative; overflow:hidden; z-index:10000;}
#banner .banner1{width: 100%; height:605px; position:absolute; overflow: hidden;
	top:0; left:0;}
#banner .banner1 li{width: 100%; height:605px; display:block; position: relative; overflow: hidden;
	float:left; text-align: center;}
#banner .banner1 li a{display:block; width:100%; height:605px; float:left;}
#banner .banner1 li img{width:1920px; height: 100%; position: absolute; left: 50%; margin-left: -960px}

#banner a.a1{width:40px; height:80px; background:#000; position:absolute; top:50%; z-index:9; color:#fff;
	font-size:50px; text-align:center; line-height:80px; text-decoration:none; margin-top:-30px;
	opacity:0.6;
	-khtml-opacity:0.6;
	-moz-opacity:0.6; filter:alpha(opacity=60); font-family:'宋体'; display:none;}
#banner a.left{left:4%;}
#banner a.right{right:4%;}

#banner .banner2{ width:100%; height:auto; position:absolute; bottom:10px; left:0; text-align:center;
	font-size:0;}
#banner .banner2 li{display:inline-block; width:10px; height:10px; background:none; border:2px solid #fff;
	border-radius:50%; color:#fff; font-size:12px; line-height:18px; text-align:center;
	cursor:pointer; margin:0 4px;
	*zoom:1;
	*display:inline;}
#banner .banner2 li.on{background:#FFF;}

#banner_zj{width:100%; height: 390px; overflow: hidden;}
#banner_zj .banner_zjk{width:1920px; height: 100%; float: left;position: relative;
	left: 50%; margin-left: -960px;}
#banner_zj .banner_zjk img{width:100%; height: 100%; position: absolute; top: 0px; left: 0px;}
#banner_zj .banner_zjk .bannerdj{width:245px; height: 78px; position: absolute; top: 157px;
	left: 837.5px; background: #00a470; font-family: "微软雅黑"; font-size: 36px; line-height: 78px;
	text-align: center; color: #ffffff;}

#sou{width:100%; height:75px; background:#114d9e;}
#sou article{width:1200px; height: 100%;}
#sou article .pic{width:auto; float: left; height: 100%;}
#sou article .pic img{height:100%;}
#sou article .phone{width:410px; float: left; height: 100%; margin-left: 85px; font-size: 18px; color:#FFF; line-height: 75px;}
#sou article .phone span{font-size:48px; font-weight: bold; line-height: 75px; display: block; float:right;}
#sou article .ipt{width:450px; height: 50px; float: right; margin-top: 12.5px; background: #FFF;}
#sou article .ipt input{width:360px; height: 100%; float: left; margin-left: 8px; border: 0px;}
#sou article .ipt p{width:70px; height: 100%; float: right; background:#f6f6f6; text-align: center; cursor:pointer;}
#sou article .ipt p img{height:20px; padding-top: 15px;}

#pronav{width:100%; height:570px; background:#f7f7f7;}
#pronav article{width:1200px; height: 100%;}
#pronav article .pic{float:left; margin-top: 15px; margin-left:19px; width:428px; height: 228px;}
#pronav article .pic:nth-child(1){margin-left:0px; width:306px; height: 470px; margin-top: 50px;}
#pronav article .pic:nth-child(2){margin-top: 50px;}
#pronav article .pic:nth-child(3){margin-top: 50px;}
#pronav article .pic img{width:100%; height: 100%;}
#pronav article .pic:hover{-webkit-filter: brightness(120%); filter: brightness(120%);}

#tit{width:100%; height: 164px; text-align: left;}
#tit img{height: 100%;}

#pro{width:100%; height:500px; background: #fcfeff;}
#pro article{width:1200px; height: 100%;}
#pro article .ulk{width:calc(100% + 20px); height: 245px; float: left; margin-left: -20px;
	overflow: hidden; position: relative;}
#pro article .ulk .ul{width:100%; height: 100%;}
#pro article .ulk .ul .li{width:285px; height: 245px; float: left; margin-left: 20px;
	position: relative;}
#pro article .ulk .ul .li .pic{width:100%; height: 215px; text-align: center; overflow: hidden;
	background: #FFF; position: absolute;}
#pro article .ulk .ul .li .pic img{height:100%;}
#pro article .ulk .ul .li p{width:43px; height:43px; position: absolute; bottom:0px; left: 50%; margin-left: -21.5px;}
#pro article .ulk .ul .li p img{width:100%; height: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#pro article .ulk .ul .li:hover .pic img{-webkit-filter: brightness(120%); filter: brightness(120%);}
#pro article .ulk .ul .li:hover p img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
#pro article .cpydbj{width:100%; height: 30px; margin-top:25px;}
#pro article .cpydbj .bjk{width:45px; height:12px; float: left; margin-left: 16px; margin-top: 9px;
	cursor:pointer; background:#c0c0c0; border-radius: 20px;}
#pro article .cpydbj .bjdq{background:#b80000;}
#pro article .cpydbj .bjk:nth-child(1){margin-left: 0px;}

#about{width:100%; height:800px; background: #f7f7f7;}
#about article{width:1200px; height:auto; padding-top: 25px;}
#about article .size{width:742px; height: 460px; background: url(../../images/ryimages/01_48.png); background-size: 100% 100%; float: left; margin-top: 35px;}
#about article .size p{width:90%; color:#FFF;}
#about article .size p:nth-child(1){font-weight:bold; text-align: center; font-size: 30px; line-height: 60px; text-transform:Uppercase}
#about article .size p:nth-child(2){height:390px; overflow: hidden; font-size: 16px; line-height: 30px; text-indent: 2em;}
#about article .pic{width:458px; height:579px; float: right;}
#about article .pic img{width:100%;}

#case{width:100%; height:740px; background:#f9fcfe;}
#case article{width:1200px; height: auto;}
#case article ul{width:100%; height:510px; padding-top: 10px;}
#case article ul li{width:285px; height: 100%; position: relative; float: left; margin-left: 20px; overflow: hidden;}
#case article ul li:nth-child(1){margin-left:0px;}
#case article ul li .pic{width:100%; height:100%; overflow: hidden; position: absolute; text-align: center;}
#case article ul li .pic img{width:100%; height:100%;}
#case article ul li .picy{width:150%; height:400px; position: absolute; bottom:-345px; z-index: 1; text-align: center;
	left: 50%; margin-left: -75%; border-radius: 1000px; background: #f9fcfe;}
#case article ul li .picy img{width:43px; height:43px; padding-top: 10px; opacity: 1;}
#case article ul li .size{width:255px; height: 456px; position: absolute; left:15px;
	background: url(../../images/ryimages/01_59.png); background-size: 100% 100%; top:-100%; z-index: 2; text-align: center;}
#case article ul li .size img{width:43px; height:43px; padding-top: 142px;}
#case article ul li .size p{width:90%; height:auto; padding-top: 10px; font-size:16px; color:#FFF; line-height: 30px;}

#new{width:100%; height:800px; background:#f7f7f7;}
#new article{width:1200px; height:auto; padding-top: 15px; overflow: hidden;}
#new article ul{width:1220px; height: 486px; float: left; margin-left: -20px; margin-top: 35px;}
#new article ul li{width:385px; height: 100%; float: left; margin-left: 20px;}
#new article ul li .pic{width:100%; height:252px; overflow: hidden; text-align: center; background: #FFF;}
#new article ul li .pic img{width:100%;}
#new article ul li .tit{width:95%; padding-left: 2.5%; padding-right: 2.5%; border-bottom: 1px dashed #000;
	text-align: left; font-size: 18px; font-weight: bold; color:#000; line-height: 45px; background: #FFF;}
#new article ul li .size{width:95%; padding-left: 2.5%; padding-right: 2.5%; font-size: 16px; color:#626262; padding-top: 15px; padding-bottom: 15px;
	line-height: 35px; background: #FFF;}
#new article ul li .picd{width:100%; height: 43px; position: relative; top:-25px;}
#new article ul li .picd img{width:100%; -webkit-filter: grayscale(100%) brightness(200%); filter: grayscale(100%) brightness(200%);}
#new article ul li:hover .picd img{-webkit-filter: grayscale(0%) brightness(100%); filter: grayscale(0%) brightness(100%);}